<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>元素的显示和隐藏</title>
        <style>
            #box {
                width: 200px;
                height: 200px;

                border: 10px solid black;

                /* 能够隐藏元素， 元素所占用的页面区域会消失 */
                /* display：none; */

                /* 元素可见于不可见
                   visible 可见，默认
                   hidden 元素不可见， （元素所占用的页面区域还存在）
                */
                /* visibility: visible; */

                /* 去广告插件 */
            }
        </style>
    </head>
    <body>
        <div id="box"></div>

        <p>这是一个段落</p>
    </body>
</html>